<!doctype html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        body,html {
            width: 100%;
        }
    </style>

</head>
<body>
<div class="bad-video" style="margin:0 auto;width: 50%;">
    <video class="" webkit-playsinline style="object-fit:fill;width: 50%;" autoplay controls >
        <source src='./test.mp4' type="video/mp4"></source>
        <p>设备不支持</p>
        <video>
            <img src="img/play.png"/>
</div>
<img src="" class="vplay" />

</body>
</html>